<template>
	<view style="background-color: #f6f6f6;width: 750rpx;height: 1000rpx;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;overflow: scroll;">

				<template v-if="store_list.length==0">
					<image src="../../../../static/store_empty.png" style="height: 500rpx;width: 400rpx;"></image>
				</template>
				
				<view v-show="store_list.indexOf('shengjing') != -1" class="shoppping" @click="buy1()">
					<view style="display: flex;height: 360rpx;width: 450rpx;flex-direction: column;justify-content: space-around">
						<view style="display: flex;align-items: center;">
							
							<span style="font-size: 38rpx;font-weight: bolder;white-space: pre;padding-left: 5rpx;">山东财经大学圣井店</span>
						</view>
						<view style="display: flex;align-items: center;">
							<image src="../../../../static/定向.png" style="width: 30rpx;height: 30rpx;"></image>
							<p style="font-size: 30rpx;color: grey; white-space: pre;padding-left: 5rpx;overflow: auto;"  >山东财经大学圣井校区第三餐厅</p>
						</view>
						<view style="display: flex;align-items: center;">
							<image src="../../../../static/时间.png" style="width: 30rpx;height: 30rpx;"></image>
							<span style="font-size: 30rpx;color: grey;white-space: pre;padding-left: 5rpx;">09:30-21:30</span>
						</view>
						<!-- <van-button plain @click="btn()"  color="darkgreen" style="width: 180rpx;height: 80rpx;" id="btn">营业中</van-button> -->
						<view style="font-size: 30rpx;text-align: center;width: 100rpx;height: 42rpx;border-color: darkgreen;color: darkgreen;border-color: darkgreen; border-radius: 5rpx;border-width: 4rpx;border-style: solid;" >营业中</view>
					</view>
					<hr style="width: 1rpx;height: 300rpx;background-color: #d0d0d0;">
					<view style="display: flex;height: 380rpx;flex-direction: column;justify-content: space-around;align-items: center;">
						
							<span style="color: green;">去下单</span>
						<view style="display: flex;justify-content: space-around;width: 200rpx;">
							<view style="background-color: #d0d0d0;height: 70rpx;width: 70rpx;border-radius: 100rpx;align-items: center;justify-content: center;display: flex;"><image src="../../../../static/一键呼叫.png" style="height: 50rpx;width: 50rpx;"></image></view>
							<view style="background-color: #d0d0d0;height: 70rpx;width: 70rpx;border-radius: 100rpx;align-items: center;justify-content: center;display: flex;"><image src="../../../../static/导航.png" style="height: 40rpx;width: 40rpx;"></image></view>
						</view>
						
					</view>
				</view>
				<view v-show="store_list.indexOf('yanshan') != -1" class="shoppping" @click="buy2()">
					<view style="display: flex;height: 360rpx;width: 450rpx;flex-direction: column;justify-content: space-around">
						<view style="display: flex;align-items: center;">
							
							<span style="font-size: 38rpx;font-weight: bolder;white-space: pre;padding-left: 5rpx;">山东财经大学燕山店</span>
						</view>
						<view style="display: flex;align-items: center;">
							<image src="../../../../static/定向.png" style="width: 30rpx;height: 30rpx;"></image>
							<p style="font-size: 30rpx;color: grey; white-space: pre;padding-left: 5rpx;overflow: auto;"  >山东财经大学燕山校区某个地点</p>
						</view>
						<view style="display: flex;align-items: center;">
							<image src="../../../../static/时间.png" style="width: 30rpx;height: 30rpx;"></image>
							<span style="font-size: 30rpx;color: grey;white-space: pre;padding-left: 5rpx;">09:30-21:30</span>
						</view>
						<!-- <van-button plain @click="btn()"  color="darkgreen" style="width: 180rpx;height: 80rpx;" id="btn">营业中</van-button> -->
						<view style="font-size: 30rpx;text-align: center;width: 100rpx;height: 42rpx;border-color: darkgreen;color: darkgreen;border-color: darkgreen; border-radius: 5rpx;border-width: 4rpx;border-style: solid;" >营业中</view>
					</view>
					<hr style="width: 1rpx;height: 300rpx;background-color: #d0d0d0;">
					<view style="display: flex;height: 380rpx;flex-direction: column;justify-content: space-around;align-items: center;">
						
							<span style="color: green;">去下单</span>
						<view style="display: flex;justify-content: space-around;width: 200rpx;">
							<view style="background-color: #d0d0d0;height: 70rpx;width: 70rpx;border-radius: 100rpx;align-items: center;justify-content: center;display: flex;"><image src="../../../../static/一键呼叫.png" style="height: 50rpx;width: 50rpx;"></image></view>
							<view style="background-color: #d0d0d0;height: 70rpx;width: 70rpx;border-radius: 100rpx;align-items: center;justify-content: center;display: flex;"><image src="../../../../static/导航.png" style="height: 40rpx;width: 40rpx;"></image></view>
						</view>
						
					</view>
				</view>

	</view>
</template>

<script>
	import nav from "../../navv/nav.js"
	export default {
		data() {
			return {
				store_list:[]
			}
		},
		onShow() {
			// let t=this
			// uni.request({
			// 	url:"http://localhost:3000/getStore",
			// 	success(data) {
			// 		for(let i=0;i<data.data.length;i++){
			// 			t.store_list.push(data.data[i].shop_name)
			// 		}
			// 		console.log("88888888888888888888")
			// 	}
			// })
		},
		methods: {
			buy1(){
				uni.navigateTo({
					url:"/pages/index/buy/list/list?shop_name=山东财经大学圣井店&shop_addr=山东财经大学圣井校区第三餐厅"
				})
			},
			buy2(){
				uni.navigateTo({
					url:"/pages/index/buy/list/list?shop_name=山东财经大学燕山店&shop_addr=山东财经大学燕山校区某个地点"
				})
			},
			// near_class_change(){
			// 	this.near_class_list=["checked","tab"];
			// 	this.store_class_list=["tab"];
			// },
			// store_class_change(){
			// 	this.near_class_list=["tab"];
			// 	this.store_class_list=["tab","checked"];
			// 	uni.navigateTo({
			// 		url:"/pages/index/buy/store/store"
			// 	})
			// },
		}
	}
</script>

<style>
	.shoppping{
			width: 710rpx;
			height: 350rpx;
			background-color: white;
			margin-top: 50rpx;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
/* .total{
		background-color: white;
		width: 750rpx;
		height: 1200rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	.shoppping{
		width: 710rpx;
		height: 350rpx;
		background-color: white;
		margin-top: 50rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}
	.tab{
			display: block;
			width:162rpx;
			height: 90rpx;
			font-size: 34rpx;
			color:grey;
			text-align: center;
			padding-top: 47rpx;
			font-weight: 400;
			overflow-x: visible;
			border-bottom: 5rpx solid white;
			
		}
		.checked{
			border-bottom: 5rpx solid green;
			color: green;
		}
		.tabb{
			width: 747rpx;
			height:147rpx;
			border-width: 1rpx;
			border-color: #ededed;
			border-style: solid;
			display: flex;
			flex-direction: row;
			justify-content: space-around;
			align-items: center;
			background-color: white;
		}
.nav{
		display: flex;
		position: fixed;
		top:92%;
		background-color: white;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		width: 750rpx;
		height: 120rpx;
		border-top: 2rpx;
		border-style: solid;
		border-width: 2rpx;
		border-color: #d0d0d0;
		z-index: 99;
	}
	.word{
		font-size: 25rpx;
	}
	.item{
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		width: 65rpx;
		height:95rpx;
		padding: 5rpx;
	}
	.pic{
		width: 60rpx;
		height: 80rpx;
	} */
</style>
